<script setup lang="ts">
import TopView from "@/components/search/TopView.vue";
import MyMessege from "@/views/PersonalCenter/components/myMessege.vue";
import MyApply from "@/views/PersonalCenter/components/myApply.vue";
import MyPublish from "@/views/PersonalCenter/components/myPublish.vue";
import {ref} from "vue";
import { useRoute } from 'vue-router'
const route = useRoute();
const activeName=ref<any>(route.query.name)
console.log(activeName)
</script>

<template>
<div>
    <van-sticky>
        <TopView >我的消息</TopView>
    </van-sticky>
    <van-tabs v-model:active="activeName" title-active-color="red" color="red" >
        <van-tab title="我的消息" name="a">
            <myMessege></myMessege>
        </van-tab>
        <van-tab title="我的申请" name="b">
            <my-apply></my-apply>
        </van-tab>
        <van-tab title="我的发布" name="c">
            <my-publish></my-publish>
        </van-tab>
    </van-tabs>
</div>
</template>

<style scoped>

</style>